<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 <!-- Page Sidebar -->
<div class="page-sidebar" id="sidebar">
	<!-- Page Sidebar Header-->
    <div class="sidebar-header-wrapper ">
        <input type="text" class="searchinput" />
        <i class="searchicon fa fa-search"></i>
        <div class="searchhelper">Search Reports, Charts, Emails or Notifications</div>
    </div>
    <!-- /Page Sidebar Header -->
    <!-- Sidebar Menu -->
    <div class="sidebar-menus">
	    <ul class="nav sidebar-menu">
	        <!--Dashboard-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_index.html',true)">
	                <i class="menu-icon glyphicon glyphicon-home"></i>
	                <span class="menu-text"> Dashboard </span>
	            </a>
	        </li>
	        <!--Databoxes-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_databoxes.html',true)">
	                <i class="menu-icon glyphicon glyphicon-tasks"></i>
	                <span class="menu-text"> Data Boxes </span>
	            </a>
	        </li>
	        <!--Widgets-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_widgets.html',true)">
	                <i class="menu-icon fa fa-th"></i>
	                <span class="menu-text"> Widgets </span>
	            </a>
	        </li>
	        <!--UI Elements-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                <i class="menu-icon fa fa-desktop"></i>
	                <span class="menu-text"> Elements </span>
	
	                <i class="menu-expand"></i>
	            </a>
	
	            <ul class="submenu">
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_elements.html',true)">
	                        <span class="menu-text">Basic Elements</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                        <span class="menu-text">
	                            Icons
	                        </span>
	                        <i class="menu-expand"></i>
	                    </a>
	
	                    <ul class="submenu">
	                        <li>
	                            <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_font-awesome.html',true)">
	                                <i class="menu-icon fa fa-rocket"></i>
	                                <span class="menu-text">Font Awesome</span>
	                            </a>
	                        </li>
	                        <li>
	                            <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_glyph-icons.html',true)">
	                                <i class="menu-icon glyphicon glyphicon-stats"></i>
	                                <span class="menu-text">Glyph Icons</span>
	                            </a>
	                        </li>
	                        <li>
	                            <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_typicon.html',true)">
	                                <i class="menu-icon typcn typcn-location-outline"></i>
	                                <span class="menu-text"> Typicons</span>
	                            </a>
	                        </li>
	                        <li>
	                            <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_weather-icons.html',true)">
	                                <i class="menu-icon wi-day-snow"></i>
	                                <span class="menu-text">Weather Icons</span>
	                            </a>
	                        </li>
	                    </ul>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_tabs.html',true)">
	                        <span class="menu-text">Tabs & Accordions</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_alerts.html',true)">
	                        <span class="menu-text">Alerts & Tooltips</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_modals.html',true)">
	                        <span class="menu-text">Modals & Wells</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_buttons.html',true)">
	                        <span class="menu-text">Buttons</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_nestable-list.html',true)">
	                        <span class="menu-text"> Nestable List</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_treeview.html',true)">
	                        <span class="menu-text">Treeview</span>
	                    </a>
	                </li>
	            </ul>
	        </li>
	        <!--Tables-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                <i class="menu-icon fa fa-table"></i>
	                <span class="menu-text"> Tables </span>
	
	                <i class="menu-expand"></i>
	            </a>
	
	            <ul class="submenu">
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_tables-simple.html',true)">
	                        <span class="menu-text">Simple & Responsive</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_tables-data.html',true)">
	                        <span class="menu-text">Data Tables</span>
	                    </a>
	                </li>
	            </ul>
	        </li>
	        <!--Forms-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                <i class="menu-icon fa fa-pencil-square-o"></i>
	                <span class="menu-text"> Forms </span>
	
	                <i class="menu-expand"></i>
	            </a>
	
	            <ul class="submenu">
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_form-layouts.html',true)">
	                        <span class="menu-text">Form Layouts</span>
	                    </a>
	                </li>
	
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_form-inputs.html',true)">
	                        <span class="menu-text">Form Inputs</span>
	                    </a>
	                </li>
	
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_form-pickers.html',true)">
	                        <span class="menu-text">Data Pickers</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_form-wizard.html',true)">
	                        <span class="menu-text">Wizard</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_form-validation.html',true)">
	                        <span class="menu-text">Validation</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_form-editors.html',true)">
	                        <span class="menu-text">Editors</span>
	                    </a>
	                </li>
	            </ul>
	        </li>
	        <!--Charts-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                <i class="menu-icon fa fa-bar-chart-o"></i>
	                <span class="menu-text"> Charts </span>
	
	                <i class="menu-expand"></i>
	            </a>
	
	            <ul class="submenu">
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_flot.html',true)">
	                        <span class="menu-text">Flot Charts</span>
	                    </a>
	                </li>
	
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_morris.html',true)">
	                        <span class="menu-text"> Morris Charts</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_sparkline.html',true)">
	                        <span class="menu-text">Sparkline Charts</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_easypiecharts.html',true)">
	                        <span class="menu-text">Easy Pie Charts</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_chartjs.html',true)">
	                        <span class="menu-text"> ChartJS</span>
	                    </a>
	                </li>
	            </ul>
	        </li>
	        <!--Profile-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_profile.html',true)">
	                <i class="menu-icon fa fa-picture-o"></i>
	                <span class="menu-text">Profile</span>
	            </a>
	        </li>
	        <!--Mail-->
	        <li class="active open">
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                <i class="menu-icon fa fa-envelope-o"></i>
	                <span class="menu-text"> Mail </span>
	
	                <i class="menu-expand"></i>
	            </a>
	
	            <ul class="submenu">
	                <li class="active">
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_inbox.html',true)">
	                        <span class="menu-text">Inbox</span>
	                    </a>
	                </li>
	
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_message-view.html',true)">
	                        <span class="menu-text">View Message</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_message-compose.html',true)">
	                        <span class="menu-text">Compose Message</span>
	                    </a>
	                </li>
	            </ul>
	        </li>
	        <!--Calendar-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_calendar.html',true)">
	                <i class="menu-icon fa fa-calendar"></i>
	                <span class="menu-text">
	                    Calendar
	                </span>
	            </a>
	        </li>
	        <!--Pages-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                <i class="menu-icon glyphicon glyphicon-paperclip"></i>
	                <span class="menu-text"> Pages </span>
	
	                <i class="menu-expand"></i>
	            </a>
	            <ul class="submenu">
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_timeline.html',true)">
	                        <span class="menu-text">Timeline</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_pricing.html',true)">
	                        <span class="menu-text">Pricing Tables</span>
	                    </a>
	                </li>
	
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_invoice.html',true)">
	                        <span class="menu-text">Invoice</span>
	                    </a>
	                </li>
	
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_login.html',true)">
	                        <span class="menu-text">Login</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_register.html',true)">
	                        <span class="menu-text">Register</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_lock.html',true)">
	                        <span class="menu-text">Lock Screen</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_typography.html',true)">
	                        <span class="menu-text"> Typography </span>
	                    </a>
	                </li>
	            </ul>
	        </li>
	        <!--More Pages-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                <i class="menu-icon glyphicon glyphicon-link"></i>
	
	                <span class="menu-text">
	                    More Pages
	                </span>
	
	                <i class="menu-expand"></i>
	            </a>
	
	            <ul class="submenu">
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_error-404.html',true)">
	                        <span class="menu-text">Error 404</span>
	                    </a>
	                </li>
	
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_error-500.html',true)">
	                        <span class="menu-text"> Error 500</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_blank.html',true)">
	                        <span class="menu-text">Blank Page</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_grid.html',true)">
	                        <span class="menu-text"> Grid</span>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                        <span class="menu-text">
	                            Multi Level Menu
	                        </span>
	                        <i class="menu-expand"></i>
	                    </a>
	
	                    <ul class="submenu">
	                        <li>
	                            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html',true)">
	                                <i class="menu-icon fa fa-camera"></i>
	                                <span class="menu-text">Level 3</span>
	                            </a>
	                        </li>
	
	                        <li>
	                            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                                <i class="menu-icon fa fa-asterisk"></i>
	
	                                <span class="menu-text">
	                                    Level 4
	                                </span>
	                                <i class="menu-expand"></i>
	                            </a>
	
	                            <ul class="submenu">
	                                <li>
	                                    <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html',true)">
	                                        <i class="menu-icon fa fa-bolt"></i>
	                                        <span class="menu-text">Some Item</span>
	                                    </a>
	                                </li>
	
	                                <li>
	                                    <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html',true)">
	                                        <i class="menu-icon fa fa-bug"></i>
	                                        <span class="menu-text">Another Item</span>
	                                    </a>
	                                </li>
	                            </ul>
	                        </li>
	                    </ul>
	                </li>
	            </ul>
	        </li>
	        <!--Right to Left-->
	        <li>
	            <a href="javascript:" onclick="toView('switchView.do?viewPath=/.html')" class="menu-dropdown">
	                <i class="menu-icon fa fa-align-right"></i>
	                <span class="menu-text"> Right to Left </span>
	
	                <i class="menu-expand"></i>
	            </a>
	            <ul class="submenu">
	                <li>
	                    <a>
	                        <span class="menu-text">RTL</span>
	                        <label class="pull-right margin-top-10">
	                            <input id="rtl-changer" class="checkbox-slider slider-icon colored-primary" type="checkbox">
	                            <span class="text"></span>
	                        </label>
	                    </a>
	                </li>
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_index-rtl-ar.html',true)">
	                        <span class="menu-text">Arabic Layout</span>
	                    </a>
	                </li>
	
	                <li>
	                    <a href="javascript:" onclick="toView('switchView.do?viewPath=development/_new_index-rtl-fa.html',true)">
	                        <span class="menu-text">Persian Layout</span>
	                    </a>
	                </li>
	            </ul>
	        </li>
	     </ul>
    </div>
    <!-- /Sidebar Menu -->
</div>
<!-- /Page Sidebar -->